iT邦幫忙

5

Typescript:先別管強型別了,你聽過enum嗎?

  • 分享至 

  • xImage
  •  

ㄧ、角色介紹

小明:只會寫javascript,而且還寫得很爛,是程式界中的麻瓜 (原型:本人)

小E:Typescript的銷售員,負責Enum的保單,總站在前線受挨罵

(( 防雷,如果會C#或Java之類的,可以直接關閉頁面了! ))

二、故事的開始

小E:安安,先生可以耽誤你幾分鐘嗎?

小明:噢,可以

小E:我是Typescript的銷售員,今天想跟你介紹....

小明:MD,強型別走開!!!,上次害我&%^*&# ((理智線瞬斷))

小E:先別管強型別了,你聽過Enum嗎?

小明:蛤?那啥?

小E:你先看看這介紹單 ((遞

圖片介紹

小明:啊這你們官網不就有了? ((鄙視))

小E:那你有用過嗎?

小明:當然啊 ~ 不過倒是可以聽你介紹看看 ((心虛))

小E:那要請你先幫我填一下這問卷

小明:出頭真多,金麻煩...

---------------------------- 十分鐘過去 ----------------------------

小E:這是您剛剛填寫的問卷,可以得知你目前還未使用我們的Enum產品

圖片介紹

小明:對啊,有差嗎?,我還特別寫了個string型別呢!! ((得意

小E:那我現在就來示範使用Enum來改善你的程式體質

小明:喔

小E:這是使用我們產品後,定義出來的Enum,你就不用特別去寫參數的值

圖片介紹

小明:講中文好嗎?

小E:就像這樣,沒給值的話,會從0開始類推下去

圖片介紹
(PS:藍色框框是Vscode的提示)

小明:早說嘛,那這可以做啥?

小E:可以拿來定義你的選項組合

圖片介紹

小E:再來換來改善這函式,有沒有看出明顯的效果?

圖片介紹

小明:好像看起來可讀性有漂亮一點,但Enum也可以拿來當型別? ((開始有興趣))

小E:當然囉 ~ 因為Typescript可以靜態檢查型別,可以減少些程式錯誤

小明:可惡 !!,又在偷偷推銷強型別,但也給個範例好嗎?

小E:像是我們拿你剛剛填寫問卷中所寫的選項

圖片介紹

小E:在coding時,Typescript會先提示錯誤,不再讓函式成為憾事 ((順口

圖片介紹

小明:喔,好像還滿有用的,但default都是拿來寫預設方式,你怎麼拿來抓蟲?

小E:這問卷是你寫的...

小明:咱們不要在乎小節,那Enum可以自己定義數值嗎? ((轉移話題

小E:可以啊,像這樣自己在後面定義,就可以了!!!

圖片介紹

圖片介紹

小明:但看著這個地方,似乎感覺少了些什麼? ((想凹贈品)))

圖片介紹

小E:為了表示誠意,免費幫你健檢一下你平常寫註解的方式

圖片介紹

小明:怎樣?現在會寫註解的不多了

小E:其實你可以換個標準方式來撰寫,這樣vscode也會提示你呦 o(〃'▽'〃)o

圖片介紹

小明:阿是差在哪?而且還要打更多字!!!

小E:接下來看看這vscode的神奇效果

圖片介紹

圖片介紹

圖片介紹

小明:好像還不錯,那函式也可以這樣用嗎?

小E:當然可以囉 ~ 看看這範例

圖片介紹

圖片介紹

小明:不過每次都要打那麼多字,實在有點懶啊 ヾ(  ̄O ̄)ツ

小E:偷偷告訴你,這有vscode的套件可以使用的!! (( Document This 傳送門)

圖片介紹

小明:看你那麼有誠意,就跟你買一份吧!!!

小E OS:又騙到一個了 (¬‿¬ ) ((竊笑

---------------------------- 完結 ----------------------------


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言